import React from 'react'
import styles from './xiao.module.css'
import { Toast, NavBar } from 'react-vant';
import {useNavigate} from 'react-router-dom'
export default function Xiaoxi() {
  const navigate = useNavigate()
  return (
    <>
        <NavBar
            title="消息"
            leftText="返回"
            onClickLeft={() => navigate('/app/she')}
        />
        <div className={styles.big_box}>
            <div style={{display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center'}}>
                <div className={styles.box}>
                    <svg t="1740125002284" className={styles.icon} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6309" width="200" height="200"><path d="M32 407.584a279.584 279.584 0 0 1 480-194.944 279.584 279.584 0 0 1 480 194.944 278.144 278.144 0 0 1-113.024 224.512L562.592 892.8a96 96 0 0 1-124.416-1.952l-308.16-270.688A278.976 278.976 0 0 1 32 407.584z" fill="#ffffff" p-id="6310"></path></svg>
                </div>
                <p style={{marginTop:'10px'}}>收到的赞</p>
            </div>
            <div style={{display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center'}}>
                <div className={styles.box2}>
                    <svg t="1740125808680" className={styles.icon} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11920" width="200" height="200"><path d="M512 512m-450.56 0a450.56 450.56 0 1 0 901.12 0 450.56 450.56 0 1 0-901.12 0Z" fill="#ffffff" p-id="11921"></path><path d="M225.28 798.72h286.72v163.84H148.6848a40.96 40.96 0 0 1-27.19744-71.5776L225.28 798.72z" fill="#ffffff" p-id="11922"></path><path d="M276.48 512m-71.68 0a71.68 71.68 0 1 0 143.36 0 71.68 71.68 0 1 0-143.36 0Z" fill="#ffffff" p-id="11923"></path><path d="M512 512m-71.68 0a71.68 71.68 0 1 0 143.36 0 71.68 71.68 0 1 0-143.36 0Z" fill="#ffffff" p-id="11924"></path><path d="M747.52 512m-71.68 0a71.68 71.68 0 1 0 143.36 0 71.68 71.68 0 1 0-143.36 0Z" fill="#ffffff" p-id="11925"></path></svg>
                </div>
                <p style={{marginTop:'10px'}}>收到的评论</p>
            </div>
            <div style={{display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center'}}>
                <div className={styles.box3}>
                    <svg t="1740125882486" className={styles.icon} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18350" width="200" height="200"><path d="M660.48 872.448q6.144 0-3.584 15.36t-29.696 33.792-47.104 33.792-57.856 15.36q-27.648 0-53.248-15.36t-45.056-33.792-29.696-33.792-6.144-15.36l272.384 0zM914.432 785.408q7.168 9.216 6.656 17.92t-4.608 14.848-10.24 9.728-12.288 3.584l-747.52 0q-14.336 0-20.992-11.776t4.608-29.184q17.408-30.72 40.96-68.608t44.544-81.408 36.352-92.16 15.36-101.888q0-51.2 14.336-92.16t37.376-71.68 53.248-52.224 62.976-32.768q-16.384-26.624-16.384-55.296 0-41.984 28.672-70.656t70.656-28.672 70.656 28.672 28.672 70.656q0 14.336-4.096 28.16t-11.264 25.088q34.816 11.264 66.048 32.768t54.272 53.248 36.864 72.704 13.824 91.136q0 51.2 15.36 100.864t36.864 94.208 45.568 81.408 43.52 63.488zM478.208 142.336q0 16.384 11.264 28.16t27.648 11.776l2.048 0q16.384-1.024 27.648-12.288t11.264-27.648q0-17.408-11.264-28.672t-28.672-11.264-28.672 11.264-11.264 28.672z" p-id="18351" fill="#ffffff"></path></svg>
                </div>
                <p style={{marginTop:'10px'}}>系统消息</p>
            </div>
            
            
        </div>
    </>
  )
}
